<template>
  <div>
    <!--    线性-->
    <qup-icon
      icon="basicicon-audit-seal"
      size="48"
      type="line"
      color="red"
      stroke-width="2"
    />
    <!--    面性-->
    <qup-icon
      icon="basicicon-audit-seal"
      size="48"
      type="fill"
      color="red"
      stroke-width="2"
    />
    <!--    线面结合-->
    <qup-icon
      icon="basicicon-audit-seal"
      size="48"
      type="fillLine"
      fill-color="black"
      color="red"
      stroke-width="2"
    />
    <!--    渐变-->
    <qup-icon
      icon="glass-gift"
      size="48"
      :color="['#00FF29', '#2C64F3']"
      stroke-width="2"
    />
    <qup-icon
      icon="superposition-bankcard"
      size="48"
      :color="['#ff0000', '#ffff00']"
      stroke-width="2"
    />
    <qup-icon
      icon="light3d-money"
      size="48"
      :color="['#00FF47', '#045AFF']"
      stroke-width="2"
    />
  </div>
</template>

<script>
import QupIcon from "./index.vue";

export default {
  name: "QupIconPage",
  components: {
    QupIcon
  }
};
</script>
